<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery事件源【4类*15】</title>
		 <!-- 事件源：针对元素触发效果
		 一·鼠标事件 【5 前妻必须掌握】
		 二·键盘事件 【3 页面小游戏】
		 三·表单事件 【4 后台前台交互】 form元素 input元素
		 四·文档/窗口事件 【3 页面、页面加载】
		 吸顶灯效果
		 ①ready（）：针对整个页面文档，实现功能：script元素提前
		             当文档的dom 完全加载和解析完毕之后触发功能
		 ②scroll针对dom事件源，实现功能：当元素的滚动条，滚动时触发
		 -->
		 <script src="js/jquery-1.11.1(1).js"></script>
	</head>
	
	<body>
		<h1>鼠标触发事件</h1>
		<button class="btn1">鼠标单机</button>
		<button id="btn2">双击鼠标</button>
		<script>
			// 1.单机
			$('.btn1').click(function(){
				document.write("<marquee>套马滴汉子你威武雄壮~ </marquee>")
			});
			//2.双击
			$('#btn2').dblclick(function(){
				// document.write("<marquee> 羞答答的玫瑰，你静悄悄的开~ </marquee>");
				alert("羞答答的玫瑰，你静悄悄的开~")
			});
		</script>
	</body>
</html>